<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 进入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 引入常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
        <!-- 本地样式 -->
        <link rel="stylesheet" href="../css/register-base.css ">
</head>
<body>
    <!-- 注册表单界面模板 -->
    <div class="model">
			<!-- 注册模态框头部 -->
			<div class="modelHeadCont">
				<div class="modelHead modelContainer">
					<img src="../images/logo-white.png" alt="" />
					<p class="gotNum">
					   <span class="HaveAccount point">已有源码账号,</span><span class="loginColor logined point">登录</span>
					</p>
				</div>
			</div>
			<!-- 注册界面 -->
			<div class="regis-plate">
				<!-- 注册界面内容 -->
				<div class="regis-cont">
					<!-- 注册界面表单   -->
					<form action="#" class="rel formCont">
						<!-- 注册表单欢迎注册板块 -->

						<h1 class="h1-delMargin">欢迎注册</h1>
						<!-- 注册表单免费接口板块 -->
						<p class="interface">百款接口免费试用</p>
						<!-- 300元大礼包板块 -->
						<button class="pack borRadus-5 point">注册即送300元大礼包</button>
						<!-- 注册表单用户名板块 -->
						<p class="username">
							<input
								class="borRadus-5 cont-input verify1"
								type="text"
								placeholder="用户名(6~20位字母数字)"
							/>
							<span class="errorName abs ftS-12 errorIcon"
								>昵称需在6~12字母数字间</span
							>
						</p>
						<!-- 注册表单手机号验证码板块 -->
						<p class="phNum">
							<input
								class="borRadus-5 cont-input verify2"
								type="text"
								s
								placeholder="请输入手机号码"
							/>
							<span class="errorPhoNum abs ftS-12 errorIcon"
								>请输入11位手机号码</span
							>
						</p>
						<!-- 注册表单手机号获取验证码板块 -->
						<p class="VerCode">
							<input
								class="borRadus-5 cont-input"
								type="text"
								placeholder="请输入手机短信验证码"
							/>
							<button class="GetVer point abs">获取验证码</button>
						</p>
						<!-- 注册表单密码板块 -->
						<p class="password">
							<input
								class="borRadus-5 cont-input verify3"
								type="password"   
								placeholder="请输入6至12位的密码"
							/>
							<span class="errorPassword abs ftS-12 errorIcon"
								>密码需在6~12位</span
							>
						</p>
						<!-- 阅读接受板块 -->
						<p class="readAcc">
							<input class="borRadus-5 choice" type="checkbox" />我已阅读并接受
							<span>《源码用户服务协议》&nbsp;《源码隐私政策》</span>
						</p>
						<button class="RegNow point">立即注册</button>
					</form>
				</div>
			</div>
		</div>
    <!-- 登录表单界面模板 -->
    <div class="LoginScreen zIndex-70">
			<!-- 左边栏 -->
			<div class="LoginLeftCont rel">
				<img src="../images/login-bg.png" alt="" class="abs"/>
			</div>
			<!-- 右边栏 -->
			<div class="loginRightCont 	abs">
				
				<form class="PorMesage ">
					<!-- 登录界面logl -->
					<img src="../images/loginlogo.png" alt="" class="" />
					<!-- 账号登录板块 -->
                    <div class="account ">
							<span class="ftS-14 active point">账号登录</span>
						    <strong></strong>
							<span class="ftS-14 point scan">扫码登录</span>
					</div>
					<!-- 登录界面用户名/手机号/邮箱 -->
					<p class="phone rel"><span class="abs"></span> <input type="text" placeholder=" 用户名/手机号/邮箱" class="loginEmail ftsCol"></p>
					<!-- 登录界面密码框  -->
					<p class="passwordMesage rel"> <span class="abs"></span> <input type="password" placeholder="密码" class="loginPassWord ftsCol"> </p>
					<!-- 登录界面忘记密码 -->
					<p class="ForPassword point">忘记密码</p>
					<!-- 登录界面登录按钮 -->
					<p> <button class="logining point">登录</button> </p> 
					<p class="regisEd rel"> <span class="NotHave point">还没有源码账号，</span> <span class="point reSon">立即注册</span> <span class="navPic abs point"></span> </p>
				</form>
			</div>
		</div>


    
</body>
</html>